<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Carousel Example</title>
    <script type="text/javascript" src="../common/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="jcarousel.js"></script>
    <link rel="Stylesheet" href="skin.css" />
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('#mycarousel').jcarousel({
                scroll: 1
            });
        });
    </script>
    <style type="text/css">
        .jcarousel-container-horizontal
        {
            margin: 3% auto;
        }
    </style>
</head>

<body>
<div id="mycarousel" class="jcarousel-skin-wallpaper">
    <ul>
        <li><img src="images/wallpaper-1.jpg" alt="" /></li>
        <li><img src="images/wallpaper-2.jpg" alt="" /></li>
        <li><img src="images/wallpaper-3.jpg" alt="" /></li>
        <li><img src="images/wallpaper-4.jpg" alt="" /></li>
        <li><img src="images/wallpaper-5.jpg" alt="" /></li>
    </ul>
    <div class="jcarousel-arrows"></div>
</div>
</body>
</html>